import styled from "styled-components";

const FormStyle = styled.div`
    label {
        font-weight: 600;
    }

    .ant-form-item-control-input-content {
        img {
            width: 20vw;
            aspect-ratio: 1;
            max-height: 30vh;
            object-fit: cover;
            box-shadow: 1px 0 8px 2px #797d80;
            box-sizing: border-box;
            border-radius: 5px;
        }

        .desc {
            text-shadow: 9px 5px 3px rgba(101, 101, 101, 0.5)
        }
    }

    .ant-table {
        width: 55vw;
        font-size: 13px;
        .ant-image {
            width: 4vw;
            aspect-ratio: 1;
            img {
                width: 100%;
                height: 100%;
                border: none;
                box-shadow: 1px 0 3px 2px #565555;
            }
        }
    }
`;

export default FormStyle;
